/**
 * Created by Administrator on 2016/8/2.
 */
$(function () {
    $('.title-right-top ul li').each(function (index) {
        $(this).mouseover(function () {
            $('.q').eq(index).css('display', 'block')
        })
        $(this).mouseout(function () {
            $('.q').eq(index).css('display', 'none');
        })
    })

    $('.title-right-top ul li:nth-of-type(1)').mouseover(function () {
        $(this).css('background-position', '-120px 0');
    })
    $('.title-right-top ul li:nth-of-type(1)').mouseout(function () {
        $(this).css('background-position', '-40px 0');
    })


    $('.title-right-top ul li:nth-of-type(2)').mouseover(function () {
        $(this).css('background-position', '-120px -40px');
    })
    $('.title-right-top ul li:nth-of-type(2)').mouseout(function () {
        $(this).css('background-position', '-40px -40px');
    })


    $('.title-right-top ul li:nth-of-type(3)').mouseover(function () {
        $(this).css('background-position', '-80px 0');
    })
    $('.title-right-top ul li:nth-of-type(3)').mouseout(function () {
        $(this).css('background-position', '-80px -40px ');
    })


    $('.title-right-top ul li:nth-of-type(4)').mouseover(function () {
        $(this).css('background-position', '-160px -40px');
    })
    $('.title-right-top ul li:nth-of-type(4)').mouseout(function () {
        $(this).css('background-position', '-160px 0 ');
    })
    $('.top').mouseover(function () {
        $('.top-1').css('background-position', '-120px -90px ')
        $('.top').css('background-color', '#f10180 ');
        $('.top-2').css('color','white');
        $('.top-3').css('background-position', '-200px -83px ').css('color','#f10180');
    })
    $('.top').mouseout(function () {
        $('.top-1').css('background-position', '0 -130px')
        $('.top').css('background-color', '#262626 ');
        $('.top-2').css('color','#d1bdc6');
        $('.top-3').css('background-position', '-200px -57px ').css('color','#fff');
    })

    //指定
    $('.title-right-foot div:nth-of-type(2)').click(function(){
        $('html,body').animate({scrollTop: '0px'}, 800);
    });

})